/* 
 * 字体、边距、内边距
 */
 @for $i from 0 to 30 {
    .f#{12 + $i * 2} {
      font-size: (12rpx + $i * 2) !important;
    }
  
    .mt#{2 + $i * 2} {
      margin-top: (2rpx + $i * 2);
    }
  
    .mb#{2 + $i * 2} {
      margin-bottom: (2rpx + $i * 2);
    }
  
    .ml#{2 + $i * 2} {
      margin-left: (2rpx + $i * 2);
    }
  
    .mr#{2 + $i * 2} {
      margin-right: (2rpx + $i * 2);
    }
  
    .pt#{2 + $i * 2} {
      padding-top: (2rpx + $i * 2);
    }
  
    .pb#{2 + $i * 2} {
      padding-bottom: (2rpx + $i * 2);
    }
  
    .pl#{2 + $i * 2} {
      padding-left: (2rpx + $i * 2);
    }
  
    .pr#{2 + $i * 2} {
      padding-right: (2rpx + $i * 2);
    }
  
    .p-all#{2 + $i * 2} {
      padding: (2rpx + $i * 2);
    }
    .m-all#{2 + $i * 2} {
      margin: (2rpx + $i * 2);
    }
  }
  /* 文字排版 */
.nowrap {
    width: 100%;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .text-ellipsis {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .text-line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
  }
  .text-line1{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      -webkit-box-orient: vertical;
      box-orient: vertical;
  }
  .flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .flex-s-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .flex-f-e {
    display: flex;
    align-items: flex-end;
  }
  .border-radius{
    border-radius: 16rpx;
  }
  .border-r{
    border-radius: 16rpx;
  }
.padding-bar{
  padding-bottom: 80rpx;
}
.flex1{
  flex: 1;
}
.w100{
  width: 100%;
}
.text-bold{
  font-weight: bold;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.text-gray{
  color: #999999;
}
.text-black{
  color: #333333;
}
.text-white{
  color: #ffffff;
}
